<!--
 * @Author: y001554
 * @Date: 2023-01-16 20:11:08
 * @LastEditors: y001554
 * @LastEditTime: 2023-09-08 11:07:07
 * @FilePath: \ylwl\src\App.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by FE/ylwl, All Rights Reserved. 
-->

<template>
  <div>
    <!-- <Demo1 /> -->
    <!-- <Demo2 /> -->
    <!-- <Demo4 /> -->
    <!-- <Demo3 /> -->
    <!-- <Demo5 /> -->
    <!-- <Demo6 /> -->
    <!-- <Demo3 /> -->
    <!-- <Demo7 /> -->
    <!-- <Demo8 /> -->
    <Demo9 />
  </div>
</template>

<script setup lang="ts">
import Demo1 from './demos/citySelect.vue'
import Demo2 from './demos/tree.vue'
import Demo3 from './demos/form.vue'
import Demo4 from './demos/table.vue'
import Demo5 from './demos/pages.vue'
import Demo6 from './demos/utils.vue'
import Demo7 from './demos/search.vue'
import Demo8 from './demos/sdk.vue'
import Demo9 from './demos/dialog.vue'

import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
import { MpDialog } from '@@/plugins/index'
onMounted(() => {
  // var myWorker = new Worker('src/worker.js', { name: 'test' })
  // console.log('myWorker', myWorker)
  // myWorker.postMessage(123123)
  // // myWorker.postMessage(123123)
  // myWorker.onmessage = (res) => {
  //   // alert(res)
  // }
  // const instance = getCurrentInstance()
  // MpDialog.initDialog(instance)
})
</script>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
